<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">
		<title>My JSP 'message.jsp' starting page</title>
		<!-- 弹窗插件 -->
		<link href="js/fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css">
		<script type="text/javascript" src="js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
		<script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
		<script type="text/javascript">
			function popupAlert(txt,color){
				$("#MessageContent").html(txt);
				$("#MessageContent").css("color",color)
				$.fancybox({
					'href'				: '#Message',
					'padding'			: 0,
					'margin'			: 0,
					'titleShow'			: false,
					'centerOnScroll'	: 'true',
					'transitionIn'		: 'elastic',
					'titlePosition' 	: 'inside',
					'transitionOut'		: 'elastic',
					'enableEscapeButton': false,
					'showCloseButton'	: false,
					'hideOnContentClick': false,
					'hideOnOverlayClick': false,
					'overlayOpacity'	: 0.6,
					'overlayColor'		: '#000000'
				});
			}
			function Loadingshow(){
				$.fancybox({
					'href'				: '#loadingMessage',
					'padding'			: 0,
					'margin'			: 0,
					'titleShow'			: false,
					'centerOnScroll'	: 'true',
					'transitionIn'		: 'elastic',
					'titlePosition' 	: 'inside',
					'transitionOut'		: 'elastic',
					'enableEscapeButton': false,
					'showCloseButton'	: false,
					'hideOnContentClick': false,
					'hideOnOverlayClick': false,
					'overlayOpacity'	: 0.6,
					'overlayColor'		: '#000000'
				});
			}
			function Loadinghide(){
				$.fancybox.close();
			}
		</script>
	</head>

	<body>
		<div style="display: none;border-radius:5px;">
			<table id="Message" cellpadding="0" cellspacing="0" width="100%" height="100%" style="width: 450px;height: 150px;background-color: #F3F3F3;border: 1px #444444 solid;">
				<tr>
					<td style="font-size: 12px;font-weight: bold;color: #4c4c4c;padding-left: 20px;" height="31px">
						温馨提示
					</td>
				</tr>   
				<tr>
					<td bgcolor="#FFFFFF" align="center">
						<table cellpadding="0" class="createphotoTable" style="width: 90%" cellspacing="0">
							<tr>
								<td colspan="2" height="20px"> &nbsp; </td>
							</tr>
							<tr>
								<td id="MessageContent">
									&nbsp;
								</td>
							</tr>
							<tr>
								<td colspan="2" height="20px"> &nbsp; </td>
							</tr>
						</table>
					</td>
				</tr>
				<tr>
					<td style="font-size: 12px;font-weight: bold;color: #4c4c4c;padding-right: 20px;text-align: right;height: 31px;">
						<input onclick="$.fancybox.close();" class="btn4" type="button" value="确定" />
					</td>
				</tr>
			</table>
		</div>
		<div style="display: none;border-radius:5px;">
			<table id="loadingMessage" cellpadding="0" cellspacing="0" width="100%" height="100%" style="width: 450px;height: 150px;background-color: #F3F3F3;border: 1px #444444 solid;">
				<tr>
					<td style="font-size: 12px;font-weight: bold;color: #4c4c4c;padding-left: 20px;" height="31px">
						温馨提示
					</td>
				</tr>   
				<tr>
					<td bgcolor="#FFFFFF" align="center">
						<table cellpadding="0" class="createphotoTable" style="width: 90%" cellspacing="0">
							<tr>
								<td colspan="2" height="20px"> &nbsp; </td>
							</tr>
							<tr>
								<td align="center">
									<img src="img/loadding.gif" style="vertical-align: middle;" /> 正在加载中请稍后
								</td>
							</tr>
							<tr>
								<td colspan="2" height="20px"> &nbsp; </td>
							</tr>
						</table>
					</td>
				</tr>
				<tr>
					<td style="font-size: 12px;font-weight: bold;color: #4c4c4c;padding-right: 20px;text-align: right;height: 31px;">
						&nbsp;
					</td>
				</tr>
			</table>
		</div>
	</body>
</html>
